<!DOCTYPE html>
<html lang="en">

<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<meta name="viewport"
		content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta name="format-detection" content="telephone=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/swiper.min.css">
	<link rel="stylesheet" href="css/index.css">
	<title>交易-买</title>
	<script type="text/javascript" src="js/flexible.js"></script>
</head>

<body>
	<div class="content flex-column pb100 pt112 bgf" id="app">
		<!-- header -->
		<header class="header bgf flex-align flex-between">
			<div class="header-logo">
				<img class="img100" src="images/logo.png" alt="">
			</div>
			<a class="header-inp flex-align ovn flex1" href="search.html">
				<div class="header-inpa flex1">请输入内容</div>
				<span class="iconfont iconsearch"></span>
			</a>
			<a href="" class="header-a iconfont iconuser"></a>
			<a href="" class="header-b"><img class="img100" src="images/logo.png" alt=""></a>
		</header>
		<!-- bhead -->
		<div class="bhead flex">
			<div class="bhead-li flex-column flex-align flex1 show-app">
				<img src="./images/buy/icon1.png" alt="">
				<h3>官方回收</h3>
			</div>
			<div class="bhead-li flex-column flex-align flex1 show-app">
				<img src="./images/buy/icon2.png" alt="">
				<h3>转游服务</h3>
			</div>
		</div>
		<!--  -->
		<div class="bseach flex-align">
			<span class="iconfont iconsousuo1"></span>
			<input @confirm="search" v-model="keywords" class="flex1" type="text" placeholder="请输入您要搜索的内容">
			<span class="bseach-btn" @click="search">搜索</span>
		</div>
		<!-- jy-con -->
		<div class="jy-con flex1 flex-column">
			<div class="jy-con-top">
				<!-- jy-type -->
				<div class="flex-align flex-align">
					<div class="jy-type flex-center-align" @click.stop="showPx">
						<text class="jy-txt">{{typeText}}</text>
						<text class="jy-tic iconfont iconsanjiaoxing"></text>
						<div class="h2_s" v-show="isShow">
							<div class="" @click.stop="toTap(0,'最新发布')" :class="typeId==0?'s_act':''"> 最新发布 </div>
							<div class="" @click.stop="toTap(1,'价格最高')" :class="typeId==1?'s_act':''"> 价格降序 </div>
							<div class="" @click.stop="toTap(2,'价格最低')" :class="typeId==2?'s_act':''"> 价格升序 </div>
						</div>
					</div>
					<div class="jy-tyzsli jy-qbfl" @click.stop="showFl">
						<text>{{nTypeText}}</text>
						<text class="jy-tyzsli-tp iconfont iconsanjiaoxing"></text>
						<div class="jy-flxz" v-show="isFlShow">
							<div class="jy-flxz-li" :class="nTypeCur==index?'on':''" v-for="(item,index) in nTypeList"
								:key="'kb'+item.id" @click.stop="nTypeClick(item,index)">
								<text>{{item.name}}</text>
							</div>
						</div>
					</div>
					<div class="jy-tyzs flex1" v-if="tyliList.length>0">
						<div class="flex-align">
							<div class="flex-align">
								<div class="jy-tyzsli" :class="tyliId==item.id?'on':''" @click="tyzsliClick(item,index)"
									v-for="(item,index) in tyliList" :key="'ca'+item.id">
									<text>{{item.name}}</text>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- 价格区间 -->
				<div class="jy-qj flex-align">
					<input placeholder-style="color:#ACBABC" v-model="min_money" class="jy-qj-a" type="number"
						placeholder="最低价" maxlength="8" />
					<text class="jy-qj-b"></text>
					<input placeholder-style="color:#ACBABC" v-model="max_money" class="jy-qj-a" type="number"
						placeholder="最高价" maxlength="8" />
					<button class="jy-qj-c flex-center-align" @click="jgFun">确定</button>
				</div>
			</div>
			<!--  -->
			<div class="buy-lu flex1" @scroll="handleScroll" ref="scrollableDiv">
				<div class="jy-ul">
					<div class="jy-li" v-for="(item,index) in dataList" :key="index">
						<!--  -->
						<div class="jy-li-t flex-align">
							<div class="jy-li-timg">
								<img class="img100" :src="item.gamepic" alt="">
							</div>
							<div class="ml16 flex-column">
								<div class="flex ovn" style="align-items: baseline;">
									<span class="fz32 c000">{{item.gamename2}}</span>
									<span class="jy-li-f fz24 c828 ml10" v-if="item.subtitle">{{item.subtitle}}</span>
								</div>
								<div class="flex mt8">
									<span class="jy-li-q flex-center-align">区服：{{item.server}}</span>
								</div>
							</div>
						</div>
						<div class="jy-li-b flex-align flex-between">
							<div class="jy-li-bl flex">
								<div v-for="(its,inds) in item.pic_arr" :key="inds">
									<div class="jy-li-blmg">
										<img v-if="inds<2" class="img100" :src="its" alt="">
									</div>
								</div>
							</div>
							<div class="jy-li-br flex-column flex-center-align">
								<span class="fz32 ce53 bold"><span class="fz28">￥</span> {{item.prices}}</span>
								<span class="fz24 c333 mt16">累计消费(元)</span>
								<span class=" fz28 c333 mt4">{{item.total_money}}</span>
								<span class="fz24 c828 mt10">收藏:{{item.collect_num}}</span>
							</div>
						</div>
					</div>
				</div>
				<!--  -->
				<div class="loadmore flex-center-align">
					<span class="loadmore-span" v-if="status=='more'">上拉显示更多</span>
					<!-- 加载中 -->
					<div class="flex-align" v-if="status=='loading'">
						<span class="loader-android"></span>
						<span class="loadmore-span">正在加载...</span>
					</div>
					<span class="loadmore-text" v-if="status=='noMore'">全部加载</span>
					<div class="loadmore-noData" v-if="status=='noData'">
						<span class="loadmore-notxt">暂无数据</span>
					</div>
				</div>
				<!--  -->
			</div>
			<!--  -->
		</div>
		<!-- footer -->
		<footer class="footer mt30">
			<div class="footer-b">
				<p>健康游戏忠告:</p>
				<p>
					<span>抵制不良游戏</span>
					<span>拒绝盗版游戏</span>
					<span>注意自我保护</span>
					<span>谨防受骗上当</span>
				</p>
				<p>
					<span>适度游戏益脑</span>
					<span>沉迷游戏伤身</span>
					<span>合理安排时间</span>
					<span>享受健康生活</span>
				</p>
				<p>
					<span>家长监护工程</span>
					<span>|</span>
					<span>防沉迷系统</span>
					<span>|</span>
					<span>纠纷处理</span>
					<span>|</span>
					<span>用户协议</span>
				</p>
				<p>安徽追游网络科技有限公司互联网ICP备案：</p>
			</div>
		</footer>
		<!--  -->
	</div>
	<!-- xnav -->
	<div class="xnav flex">
		<a class="xnav-li  xnav-lia" href="index.html">首页</a>
		<a class="xnav-li xnav-lib" href="game.html">游戏</a>
		<a class="xnav-li xnav-lic" href="gameCircle.html">游圈</a>
		<a class="xnav-li on xnav-lid" href="buy.html">交易</a>
		<a class="xnav-li xnav-lie" href="my.html">个人</a>
	</div>
	<!--  -->
	<div class="xdown flex-align flex-between">
		<div class="xdown-a"></div>
		<div class="xdown-b flex-center-align show-app">下载APP</div>
	</div>
	<!--  -->
	<script src="js/jquery.min.js"></script>
	<script src="js/vue.global.js"></script>
	<script src="js/used.js"></script>

	<script>
		const { createApp, ref, onMounted } = Vue
		createApp({
			setup() {
				console.log('buy')
				onMounted(() => {
					$('#app').show();
				})
				//滚动
				function handleScroll(event) {
					const scrollDiv = event.target;
					// 获取滚动条的当前位置
					const scrollTop = scrollDiv.scrollTop;
					// 获取滚动容器的可视高度
					const clientHeight = scrollDiv.clientHeight;
					// 获取滚动内容的总高度
					const scrollHeight = scrollDiv.scrollHeight;
					// 判断是否滚动到底部
					if (scrollTop + clientHeight >= scrollHeight - 40) {
						console.log('已经滚动到底部');
						// 你可以在这里执行加载更多数据的操作
						getList('new')
					}
				}
				let keywords = ref('');//搜索关键词
				let isShow = ref(false);//是否显示选择筛选排序
				let typeText = ref('最新发布');//筛选排序文字
				let typeId = ref(0);//筛选排序
				let status = ref('more');//加载状态
				let page = ref(1);//页数
				let dataList = ref([]);//游戏列表
				let type = ref('');//排序类型
				let tyliList = ref([
					{
						"id": 1,
						"name": "热门游戏"
					},
					{
						"id": 2,
						"name": "超值捡漏"
					},
					{
						"id": 2,
						"name": "超值捡漏"
					},
					{
						"id": 2,
						"name": "超值捡漏"
					}
				]); //自定义筛选导航
				let tyliId = ref(0); //自定义筛选导航序号
				let min_money = ref(''); //最小
				let max_money = ref(''); //最大
				let isFlShow = ref(false); //是否显示选择分类
				let nTypeList = ref([
					{
						"id": "0",
						"name": "全部游戏"
					},
					{
						"id": 3,
						"name": "超低折扣"
					},
					{
						"id": 26,
						"name": "免费版"
					},
					{
						"id": 25,
						"name": "买断版"
					},
					{
						"id": 13,
						"name": "传奇"
					},
					{
						"id": 17,
						"name": "仙侠"
					},
					{
						"id": 12,
						"name": "魔幻"
					},
					{
						"id": 9,
						"name": "三国"
					},
					{
						"id": 14,
						"name": "卡牌"
					},
					{
						"id": 19,
						"name": "次元"
					},
					{
						"id": 21,
						"name": "动漫"
					},
					{
						"id": 5,
						"name": "开箱"
					},
					{
						"id": 10,
						"name": "回合"
					},
					{
						"id": 18,
						"name": "武侠"
					},
					{
						"id": 4,
						"name": "角色"
					},
					{
						"id": 6,
						"name": "策略"
					},
					{
						"id": 15,
						"name": "西游"
					},
					{
						"id": 11,
						"name": "休闲"
					},
					{
						"id": 1,
						"name": "女性化"
					},
					{
						"id": 8,
						"name": "放置"
					},
					{
						"id": 2,
						"name": "文字"
					},
					{
						"id": 22,
						"name": "即时"
					}
				]); //新分类列表
				let nTypeCur = ref(0); //新分类选中序号
				let nTypeText = ref('全部分类'); //新分类选中文字
				let contentHeight = ref(0); //内容高度
				//显示排序
				function showFl() {
					isShow.value = false;
					isFlShow.value = true;
				}
				//显示排序
				function showPx() {
					isShow.value = true;
					isFlShow.value = false;
				}
				//获取导航栏数据
				function getNameList() {
					this.$u.api.ClassName().then(res => {
						let list = res.c;
						list = list.filter(item => item.id != '0');
						list.unshift({
							id: "0",
							name: "全部分类"
						})
						nTypeList.value = list;
						contentHeight.value = list.length * 46; // 50个项目，每个46rpx高
					});
				}
				//点击新分类
				function nTypeClick(item, index) {
					nTypeCur.value = index;
					isFlShow.value = false;
					tyliId.value = '0';
					nTypeText.value = item.name;
					getList('new')
				}
				//价格
				function jgFun() {
					if (verJg(1)) {
						getList('new')
					}
				}
				//验证价格区间
				function verJg(type) {
					//type：1-至少有1个值
					if (min_money.value || max_money.value) {
						if (min_money.value && max_money.value && Number(min_money.value) > Number(max_money.value)) {
							toast.success('最低价不能高于最高价')
						} else {
							return true;
						}
					} else {
						if (type == 1) {
							toast.success('请输入价格区间')
						} else {
							return true;
						}
					}
					return false;
				}
				//搜索
				function search() {
					if ((min_money.value || max_money.value)) {
						if (verJg()) {
							getList('new')
						}
					} else {
						getList('new')
					}
				}
				//获取
				function getTradeTag() {
					this.$u.api.TradeTag().then(res => {
						if (res.code == 10000) {
							let list = res.data.list || [];
							if (list.length > 0) {
								tyliList.value = list;
							} else {
								tyliList.value = [];
							}
						}
					})
				}
				//选择
				function tyzsliClick(item, index) {
					if (tyliId.value != item.id) {
						tyliId.value = item.id;
						nTypeCur.value = 0;
						nTypeText.value = '全部分类';
						getList('new')
					}
				}
				//选择类型
				function toTap(e, text) {
					typeId.value = e;
					typeText.value = text;
					isShow.value = false;
					getList('new')
				}
				//获取列表
				async function getList(type = '') {
					isShow.value = false;
					isFlShow.value = false;
					if (type == 'new') {
						status.value = 'more';
						page.value = 1;
						dataList.value = [];
					}
					//判断状态
					if (status.value != 'more') {
						return false;
					}
					status.value = 'loading';
					let gametype = '';
					if (nTypeCur.value == 0) {
						gametype = '全部游戏';
					} else if (nTypeCur.value > 0) {
						gametype = nTypeList.value[nTypeCur.value].name;
					}
					let params = {
						order: typeId.value, // 0
						pagecode: page.value, // 页码
						sell: 0,
						type: typeId.value,
						// uid: userinfo.value.id,
						tag_type: tyliId.value,
						gamename: keywords.value,
						min_money: min_money.value,
						max_money: max_money.value,
						gametype: gametype
					};
					// let res = await .$u.api.TransactionList(params);
					let list = [
						{
							"id": 453,
							"gamename": "龙之觉醒（云夜千年五流派）",
							"title": "不玩了",
							"prices": "6.00",
							"time": "2025-08-12 18:08",
							"devicetype": 2,
							"server": "23",
							"gid": 4511,
							"xiaohao_id": 28190,
							"gametype": 13,
							"gametype1": 6,
							"subtitle": "云夜千年五流派",
							"gamename2": "龙之觉醒",
							"total_money": 104,
							"typeword": "传奇 策略",
							"gamepic": "https://oss.sssgo.com/upload/cdcloud2/20250724/8c752b6cdb4f8660ceca587c4df1da5b.png",
							"sell": "0",
							"pic1": "https://oss.sssgo.com/upload/cdcloud2/20250812/8bf2d0aacc49c7e83d901d34f46a5c8b.jpg",
							"pic_arr": [
								"https://oss.sssgo.com/upload/cdcloud2/20250812/8bf2d0aacc49c7e83d901d34f46a5c8b.jpg",
								"https://oss.sssgo.com/upload/cdcloud2/20250812/ec25702905995ae237bc98e136cfbcb9.jpg",
								"https://oss.sssgo.com/upload/cdcloud2/20250812/0f0742958a459ac72b577e919fbba922.jpg"
							],
							"hint": 104,
							"collect_num": 0
						},
						{
							"id": 450,
							"gamename": "苍月传说（无限爆充免费版）",
							"title": "新区灵符号",
							"prices": "100.00",
							"time": "2025-08-12 13:18",
							"devicetype": 2,
							"server": "18",
							"gid": 4590,
							"xiaohao_id": 29673,
							"gametype": 13,
							"gametype1": 22,
							"subtitle": "无限爆充免费版",
							"gamename2": "苍月传说",
							"total_money": 30,
							"typeword": "传奇 即时",
							"gamepic": "https://oss.sssgo.com/upload/cdcloud2/20250731/3346ef5c6f7f285c461ce8cd6eb2638d.png",
							"sell": "0",
							"pic1": "https://oss.sssgo.com/upload/cdcloud2/20250812/b7090cde33bce97c527d79078e95695a.jpg",
							"pic_arr": [
								"https://oss.sssgo.com/upload/cdcloud2/20250812/b7090cde33bce97c527d79078e95695a.jpg",
								"https://oss.sssgo.com/upload/cdcloud2/20250812/a02f9e06676c1286a12855f39e83a1a8.jpg",
								"https://oss.sssgo.com/upload/cdcloud2/20250812/6ed98d5ad10adc7845aeb2756679ed60.jpg",
								"https://oss.sssgo.com/upload/cdcloud2/20250812/4c980a725697eef563fe451b89eb58bc.jpg"
							],
							"hint": 30,
							"collect_num": 0
						},
						{
							"id": 448,
							"gamename": "勇闯女儿国（0.1折西游千元买断版）",
							"title": "冠名+买断无限代金",
							"prices": "20.00",
							"time": "2025-08-09 01:12",
							"devicetype": 2,
							"server": "1",
							"gid": 4608,
							"xiaohao_id": 29580,
							"gametype": 25,
							"gametype1": 3,
							"subtitle": "0.1折西游千元买断版",
							"gamename2": "勇闯女儿国",
							"total_money": 1000,
							"typeword": "买断版 超低折扣",
							"gamepic": "https://oss.sssgo.com/upload/cdcloud2/20250804/354be77eda68a59366291e9daec42bd8.png",
							"sell": "0",
							"pic1": "https://oss.sssgo.com/upload/cdcloud2/20250809/fe71647623da02882653b03262d282c2.png",
							"pic_arr": [
								"https://oss.sssgo.com/upload/cdcloud2/20250809/fe71647623da02882653b03262d282c2.png",
								"https://oss.sssgo.com/upload/cdcloud2/20250809/92c96874f32618bd587a40226922dfa9.png",
								"https://oss.sssgo.com/upload/cdcloud2/20250809/7d0ab867c16ea505c43cd0b89bf6d080.png"
							],
							"hint": 1000,
							"collect_num": 0
						},
						{
							"id": 435,
							"gamename": "涂色空间（0.05折三国送海量红将）",
							"title": "不玩了",
							"prices": "6.00",
							"time": "2025-08-05 15:25",
							"devicetype": 2,
							"server": "5",
							"gid": 4356,
							"xiaohao_id": 26394,
							"gametype": 9,
							"gametype1": 4,
							"subtitle": "0.05折三国送海量红将",
							"gamename2": "涂色空间",
							"total_money": 360.41,
							"typeword": "三国 角色",
							"gamepic": "http://oss.sssgo.com/data/upload/game/20250709/686e4b3544b03.gif",
							"sell": "0",
							"pic1": "https://oss.sssgo.com/upload/cdcloud2/20250805/20d34d4eecc6c2700ea2860186ec0850.png",
							"pic_arr": [
								"https://oss.sssgo.com/upload/cdcloud2/20250805/20d34d4eecc6c2700ea2860186ec0850.png",
								"https://oss.sssgo.com/upload/cdcloud2/20250805/d76d71a53fda2c031ccf5923b18450f7.png",
								"https://oss.sssgo.com/upload/cdcloud2/20250805/8f4516c30ea040eb970d6da42ca1a246.png"
							],
							"hint": 360.41,
							"collect_num": 2
						},
						{
							"id": 427,
							"gamename": "精灵物语（0.05折神权三国）",
							"title": "不玩了",
							"prices": "6.00",
							"time": "2025-08-01 17:45",
							"devicetype": 2,
							"server": "7",
							"gid": 3715,
							"xiaohao_id": 17918,
							"gametype": 3,
							"gametype1": 10,
							"subtitle": "0.05折神权三国",
							"gamename2": "精灵物语",
							"total_money": 103.17,
							"typeword": "超低折扣 回合",
							"gamepic": "http://oss.sssgo.com/data/upload/game/20250427/680dbd4cc573c.png",
							"sell": "0",
							"pic1": "https://oss.sssgo.com/upload/cdcloud2/20250801/cf643d73c522bc786a1feb3e36d02c83.png",
							"pic_arr": [
								"https://oss.sssgo.com/upload/cdcloud2/20250801/cf643d73c522bc786a1feb3e36d02c83.png",
								"https://oss.sssgo.com/upload/cdcloud2/20250801/d64c1348c02a804d89ee999f1df25292.png",
								"https://oss.sssgo.com/upload/cdcloud2/20250801/6c95533b1f12a9330d18cbd75d789a25.png",
								"https://oss.sssgo.com/upload/cdcloud2/20250801/2d4d11a195b73f938c6a3616c21a7be4.png"
							],
							"hint": 103.17,
							"collect_num": 1
						},
						{
							"id": 423,
							"gamename": "灵武世界（0.05折狂返代金券）",
							"title": "没时间玩了，低价处理",
							"prices": "12.00",
							"time": "2025-07-30 17:45",
							"devicetype": 2,
							"server": "4",
							"gid": 4474,
							"xiaohao_id": 27490,
							"gametype": 3,
							"gametype1": 14,
							"subtitle": "0.05折狂返代金券",
							"gamename2": "灵武世界",
							"total_money": 1054.71,
							"typeword": "超低折扣 卡牌",
							"gamepic": "https://oss.sssgo.com/upload/cdcloud2/20250721/03c3f540f4ed304ce69b5be5c0ad9e2c.png",
							"sell": "0",
							"pic1": "https://oss.sssgo.com/upload/cdcloud2/20250730/1e6ec5922c1afab86f775b811ee8c769.png",
							"pic_arr": [
								"https://oss.sssgo.com/upload/cdcloud2/20250730/1e6ec5922c1afab86f775b811ee8c769.png",
								"https://oss.sssgo.com/upload/cdcloud2/20250730/a7c1b0186e1016a7c7caadb9704d73a4.png",
								"https://oss.sssgo.com/upload/cdcloud2/20250730/fda9d8ecb4b67cf8faeb914b8364f8a0.png"
							],
							"hint": 1054.71,
							"collect_num": 1
						},
						{
							"id": 421,
							"gamename": "梦幻诸石官方版（0.05折速通版）",
							"title": "没时间玩了",
							"prices": "20.00",
							"time": "2025-07-30 17:41",
							"devicetype": 2,
							"server": "29",
							"gid": 4378,
							"xiaohao_id": 27626,
							"gametype": 25,
							"gametype1": 15,
							"subtitle": "0.05折速通版",
							"gamename2": "梦幻诸石官方版",
							"total_money": 1547.34,
							"typeword": "买断版 西游",
							"gamepic": "https://oss.sssgo.com/upload/cdcloud2/20250710/d145291d3d6f163e700ddd1866868495.png",
							"sell": "0",
							"pic1": "https://oss.sssgo.com/upload/cdcloud2/20250730/ef95aab504db8373c844dfdc927ac555.png",
							"pic_arr": [
								"https://oss.sssgo.com/upload/cdcloud2/20250730/ef95aab504db8373c844dfdc927ac555.png",
								"https://oss.sssgo.com/upload/cdcloud2/20250730/47856a8ca8709840cc19f09639a1b7d3.png",
								"https://oss.sssgo.com/upload/cdcloud2/20250730/ff86c0168940323a6cc7b08c6b72b814.png"
							],
							"hint": 1547.34,
							"collect_num": 0
						},
						{
							"id": 418,
							"gamename": "无尽寒冬（归刃无限剑界）",
							"title": "不玩了",
							"prices": "6.00",
							"time": "2025-07-29 17:06",
							"devicetype": 2,
							"server": "157",
							"gid": 3993,
							"xiaohao_id": 24325,
							"gametype": 13,
							"gametype1": 22,
							"subtitle": "归刃无限剑界",
							"gamename2": "无尽寒冬",
							"total_money": 200,
							"typeword": "传奇 即时",
							"gamepic": "http://oss.sssgo.com/data/upload/game/20250529/68381aaf4961a.png",
							"sell": "0",
							"pic1": "https://oss.sssgo.com/upload/cdcloud2/20250729/d84445035a272bd6af04ba1040576e86.png",
							"pic_arr": [
								"https://oss.sssgo.com/upload/cdcloud2/20250729/d84445035a272bd6af04ba1040576e86.png",
								"https://oss.sssgo.com/upload/cdcloud2/20250729/af578da33a998fb3354e0b9b41ed8975.png",
								"https://oss.sssgo.com/upload/cdcloud2/20250729/9f494b717237c3776621b8fb42156186.png"
							],
							"hint": 200,
							"collect_num": 1
						},
						{
							"id": 414,
							"gamename": "王者霸业（代币换充透视版）",
							"title": "排名第一，充值4k+，没时间玩了，低价出",
							"prices": "100.00",
							"time": "2025-07-28 16:38",
							"devicetype": 2,
							"server": "2",
							"gid": 4406,
							"xiaohao_id": 26300,
							"gametype": 13,
							"gametype1": 4,
							"subtitle": "代币换充透视版",
							"gamename2": "王者霸业",
							"total_money": 4554,
							"typeword": "传奇 角色",
							"gamepic": "https://oss.sssgo.com/upload/cdcloud2/20250714/736b92aa1c8283978660f006bdca2ff2.png",
							"sell": "0",
							"pic1": "https://oss.sssgo.com/upload/cdcloud2/20250728/149820fbe5559d70bb888a82c0e81159.png",
							"pic_arr": [
								"https://oss.sssgo.com/upload/cdcloud2/20250728/149820fbe5559d70bb888a82c0e81159.png",
								"https://oss.sssgo.com/upload/cdcloud2/20250728/35cfdd532dfba8420c6cac8e6052bbfa.png",
								"https://oss.sssgo.com/upload/cdcloud2/20250728/a6591950380b9cc459432d7e2bf9e2f6.png",
								"https://oss.sssgo.com/upload/cdcloud2/20250728/829093dc23d7189b2fac21165cf737e6.png"
							],
							"hint": 4554,
							"collect_num": 0
						},
						{
							"id": 413,
							"gamename": "机械飞行师（0.1折风暴之影）",
							"title": "排行第一，充值5k+，心血号，没时间玩了",
							"prices": "120.00",
							"time": "2025-07-28 16:36",
							"devicetype": 2,
							"server": "13",
							"gid": 4153,
							"xiaohao_id": 24427,
							"gametype": 3,
							"gametype1": 14,
							"subtitle": "0.1折风暴之影",
							"gamename2": "机械飞行师",
							"total_money": 5805.4,
							"typeword": "超低折扣 卡牌",
							"gamepic": "https://oss.sssgo.com/upload/cdcloud2/20250618/92e439466a49161d24366d93adddd6cf.jpg",
							"sell": "0",
							"pic1": "https://oss.sssgo.com/upload/cdcloud2/20250728/680d608de5eef4a9145ce4a4346cea4f.png",
							"pic_arr": [
								"https://oss.sssgo.com/upload/cdcloud2/20250728/680d608de5eef4a9145ce4a4346cea4f.png",
								"https://oss.sssgo.com/upload/cdcloud2/20250728/999636f073cf153d3b5980f65674fb77.png",
								"https://oss.sssgo.com/upload/cdcloud2/20250728/4cf795e17666485e32ec3d29a9178759.png",
								"https://oss.sssgo.com/upload/cdcloud2/20250728/b73325c11d78eea947fdbfbbf84487c4.png"
							],
							"hint": 5805.4,
							"collect_num": 1
						}
					];
					dataList.value = [...dataList.value, ...list];
					page.value++;
					status.value = pageState(dataList.value.length, list.length)
				}
				return {
					showPx,
					handleScroll,
					nTypeText,
					typeText,
					typeId,
					isShow,
					showFl,
					nTypeList,
					isFlShow,
					tyliList,
					min_money,
					max_money,
					jgFun,
					dataList,
					status,
					toTap,
					nTypeClick,
					nTypeCur,
					tyliId,
					tyzsliClick,
					search,
				}
			}
		}).mount('#app')
	</script>
</body>

</html>